<template>
	<sysJk :label="'19.防排烟系统组件的检查和功能测试'" showBack :withoutTop="true" :leftTime="lefttime">
		<template v-slot:content>
			<view class="warp" id="warp" @touchmove.stop="()=>{}">
				<view class="w100" v-if="curnum==0">
					<view class="taskTit">
						<view class="tasklfex">
							<view>{{questions[curnum]}}</view>
							<view class="stepbs">  <image :src="jd21" mode="heightFix" style="height: 2.5vh;"></image></view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview">
								<view class="ytitle"> 请模拟联动触发信号测试防烟系统功能</view>
								<view> 判断所启动的消防设备状态</view>
								<radio-group @change="aChange">
									<label class="ritem" v-for="item,index in answer1" :key="index">
										<view>
											<radio :value="item" :checked="da1 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view>
								<view v-if="istool" class="toolbox">
									<view class="tc1">工具箱</view>
									<view class="toolitems">
										<view class="toolitem" :class="toolid==1?'bord':''" @click="seltool(1)">
											<view>
												<image class="toolimg" :src="tool1"></image>
											</view>
											<view class="tc">感温探测器</view>
										</view>
										<view class="toolitem" :class="toolid==2?'bord':''" @click="seltool(2)">
											<view>
												<image class="toolimg" :src="tool2"></image>
											</view>
											<view class="tc">感烟探测器</view>
										</view>
										<view class="toolitem" :class="toolid==3?'bord':''" @click="seltool(3)">
											<view>
												<image class="toolimg" :src="tool3"></image>
											</view>
											<view class="tc">消防电话</view>
										</view>
										 
										<view class="toolitem" :class="toolid==5?'bord':''" @click="seltool(5)">
											<view>
												<image class="toolimg" :src="tool5"></image>
											</view>
											<view class="tc"> 照度计</view>
										</view>
										<view class="toolitem" :class="toolid==6?'bord':''" @click="seltool(6)">
											<view>
												<image class="toolimg" :src="tool6"></image>
											</view>
											<view class="tc">风速仪</view>
										</view>
										<view class="toolitem" :class="toolid==7?'bord':''" @click="seltool(7)">
											<view>
												<image class="toolimg" :src="tool7"></image>
											</view>
											<view class="tc">微压计</view>
										</view>
										 
									</view>
									<view>
										<view @click="toolclick()" class="toolbtn"> 确定</view>
									</view>
								</view>

							</view>
							<view class="handleBtn">
									<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																	@click='explain(0)'>查看解析</u-button>
							</view>


							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==0?'areaitem sitem':'areaitem'" @click="setarea(0)">
										<image class="aimg" :src="area1"></image>消防控制室
									</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)"> <image
											class="aimg" :src="area2"></image>走廊
									</view>
									<view :class="curarea==2?'areaitem sitem':'areaitem'" @click="setarea(2)">
										<image class="aimg" :src="area3"></image>送风机房
									</view>
									<view :class="curarea==3?'areaitem sitem':'areaitem'" @click="setarea(3)"> <image
											class="aimg" :src="area4"></image>前室
									</view>
								</view>

								<view class="btnArea">
										<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda0()">下一步</u-button>
																		<u-button @click="reset1()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>
							<!--各个按钮-->

							<!--19-1-->
							<view v-if="isa191" id="area181" class="openiv" :style="{ left:a1191left,top:a1191top}"
								@tap="openimgview('19-2',192)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa192" id="area192c" class="openiv" :style="{ left:a1192cleft,top:a1192ctop}"
								@tap="openimgview('19-1',191)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<!--openimgview('19-5',195)-->
							<view v-if="isa192" id="area192" class="openiv" :style="{ left:a1192left,top:a1192top}"
								@tap="showDialog()">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa192" id="area192t" class="openiv ds"
								:style="{ left:a1192tleft,top:a1192ttop}">
								{{time}}
							</view>


							<view v-if="isa192" id="areaf2" class="openiv redbg"
								:style="{ left:f2left,top:f2top,width:f2w,height:f2h}" @tap="f21()">

							</view>

							<view v-if="isa192" id="areaf6" class="openiv redbg"
								:style="{ left:f6left,top:f6top,width:f6w,height:f6h}" @tap="f61()">
							</view>

						 
							
							<view v-if="iscreen1!=0 && isa192" id="areaf12" class="openiv "
								:style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}"  >
							<image class="openi openiv" :style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							<view v-if="iscreen1!=0 && isa192" id="areaf22" class="openiv "
								:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}"  >
							<image class="openi openiv" :style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							<view v-if="iscreen1!=0 && isf61status && isa192" id="areaf32" class="openiv "
								:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}"  >
								<image class="openi openiv" :style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							

							<view v-if="isa192" id="area192i" class="openiv rem7"
								:style="{ left:a1192ileft,top:a1192itop}">
								<view class="flexcol">
									<view v-if="iscreen1==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen1==1" :style="{ width:stw,height:sth,color:'#fff'}">火警信息</view>
									<view v-if="iscreen1==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen1==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息</view>

									<view class="flexrow">
										<view v-if="iscreen1==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>
										<view v-if="iscreen1==1" :style="{ width:siw,height:sbw,color:'#000'}">
											<view><text class="rtext">首警 </text>{{stime1}} 手报火警</view>
											<view>{{stime2}} 感烟探测器火警</view>
										</view>
										<view v-if="iscreen1==2" :style="{ width:siw,height:sbw,color:'#000'}"><text>
												{{info}}</text></view>
										<view v-if="iscreen1==3" :style="{ width:siw,height:sbw,color:'#000'}"><text>
												{{info}}</text></view>
										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动允许
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen1==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
									<view v-if="iscreen1==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
								</view>
							</view>


							<view v-if="isa195" id="area195c" class="openiv" :style="{ left:a1195cleft,top:a1195ctop}"
								@tap="openimgview('19-2',192)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="iscreen1!=0 && isa195" id="area195" class="openiv rem7"
								:style="{ left:a1195ileft,top:a1195itop,color:'#000'}">
								<view> <text class="rtext">首警</text> </view>
								<view>{{stime1}}手报火警</view>
								<view>{{stime1}}感烟探测器火警</view>
								<view>{{stime2}}防烟风机启动</view>
								<view>{{stime2}}前室送风口启动</view>
								<view>{{stime2}}送风门启动</view>
								<view>{{stime2}} {{isf61status ?'防烟风机已反馈':'防烟风机未反馈'}}</view>
								<view> {{stime2}} {{isf61status ?'前室送风口已反馈':'前室送风口未反馈'}}
									</view>
								<view>{{stime2}} {{isf61status ?'送风口 已反馈':'送风口 未反馈'}}</view>
							</view>
							
							<!-- 风机 -->
							
							<view v-if="isa1197" id="area197" class="openiv" :style="{ left:a1197left,top:a1197top}"
								@tap="openimgview('19-8',1198)">
								<image class="openi" :src="openimg"></image>
							</view>
							
							
							<view v-if="isa1198" id="area198c" class="openiv" :style="{ left:a1198cleft,top:a1198ctop}"
								@tap="openimgview('19-7',1197)">
								<image class="openi" :src="closeimg"></image>
							</view>							
							<!-- 前室 -->
							<view v-if="isa1199" id="area181" class="openiv" :style="{ left:a1199left,top:a1199top }"
								@tap="openimgview('19-10',11910)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa11910" id="area181" class="openiv"
								:style="{ left:a11910cleft,top:a11910ctop }" @tap="openimgview('19-9',1199)">
								<image class="openi" :src="closeimg"></image>
							</view>
							
							

							<u-mask :show="showFlag">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen1!=0">
											<view> <text class="rtext">首警</text> </view>
											<view>{{stime1}}手报火警</view>
											<view>{{stime1}}感烟探测器火警</view>
											<view>{{stime1}}防烟风机启动</view>
											<view>{{stime1}}前室送风口启动</view>
											<view>{{stime1}}送风门启动</view>
											<view>{{stime1}} {{isf61status ?'防烟风机已反馈':'防烟风机未反馈'}} </view>
											<view> {{stime1}} {{isf61status ?'前室送风口已反馈':'前室送风口未反馈'}}
												</view>
											<view>{{stime1}} {{isf61status ?'送风口 已反馈':'送风口 未反馈'}}</view>
										</view>
									</view>

								</view>
							</u-mask>



							<view v-if="isa193" id="area193" class="openiv" :style="{ left:a1193cleft,top:a1193ctop}"
								@tap="openimgview('19-4',194)">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa194" id="area194c" class="openiv" :style="{ left:a1194cleft,top:a1194ctop}"
								@tap="openimgview('19-3',193)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="isa194" id="area14b" class="openiv redbg"
								:style="{ left:a1194bleft,top:a1194btop,width:a1194bw,height:a1194bh}"
								@tap="playfire()">
							</view>

							<view v-if="isfire && isa194" id="area14b" class="openiv"
								:style="{ left:a1194rleft,top:a1194rtop,width:a1194rw,height:a1194rh}">
								<image class="openi openiv" :src="red"
									:style="{ left:a1194rleft,top:a1194rtop,width:a1194rw,height:a1194rh}"></image>
							</view>




						</view>
					</view>

				</view>


				<view class="w100" v-if="curnum==10">
					<view class="taskTit">
						<view class="tasklfex">
							<view>{{questions[0]}}</view>
							<view class="stepbs"> <image :src="jd22" mode="heightFix" style="height: 2.5vh;"></image></view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview">
								<view class="ytitle"> 请手动停止送风机，复位常闭式加压送风口</view>
								<view> </view>
							</view>
							<view class="handleBtn">

								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																	@click='explain(0)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==0?'areaitem sitem':'areaitem'" @click="setarea(0)">
										<image class="aimg" :src="area1"></image>消防控制室
									</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)"> <image
											class="aimg" :src="area2"></image>走廊
									</view>
									<view :class="curarea==2?'areaitem sitem':'areaitem'" @click="setarea(2)">
										<image class="aimg" :src="area3"></image>送风机房
									</view>
									<view :class="curarea==3?'areaitem sitem':'areaitem'" @click="setarea(3)"> <image
											class="aimg" :src="area4"></image>前室
									</view>
								</view>

								<view class="btnArea">
										<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda1()">提交</u-button>
																		<u-button @click="reset2()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>


							<view v-if="isa197" id="area197" class="openiv" :style="{ left:a1197left,top:a1197top}"
								@tap="openimgview('19-8',198)">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa198" id="area198c" class="openiv" :style="{ left:a1198cleft,top:a1198ctop}"
								@tap="openimgview('19-7',197)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<view v-if="isa198" id="area198" class="openiv redbg"
								:style="{ left:a1197bleft,top:a1197btop,width:a1197bw,height:a1197bh}"
								@tap="openimgview('0',198)">
							</view>

							<view v-if="isa198" id="area181" class="openiv redbg"
								:style="{ left:a11981bleft,top:a11981btop,width:a11981bw,height:a11981bh}"
								@tap="openimgview('1',198)">
							</view>

							<view v-if="isa198" id="area181" class="openiv redbg"
								:style="{ left:a11981b2left,top:a11981b2top,width:a11981b2w,height:a11981b2h}"
								@tap="openimgview('2',198)">

							</view>





							<!--排风口切换-->
							<view v-if="isa199" id="area181" class="openiv" :style="{ left:a1199left,top:a1199top }"
								@tap="openimgview('19-10',1910)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa1910" id="area181" class="openiv"
								:style="{ left:a11910cleft,top:a11910ctop }" @tap="openimgview('19-9',199)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="isa1910" id="area181" class="openiv"
								:style="{ left:a11910bleft,top:a11910btop,width:a11910bw,height:a11910bh}"
								@tap="openimgview('0',1910)">
							</view>




						</view>
					</view>

				</view>

				<view class="w100" v-if="curnum==1">
					<view class="taskTit">

						<view class="tasklfex">
							<view>{{questions[curnum]}}</view>
							<view class="stepbs"> <image :src="jd21" mode="heightFix" style="height: 2.5vh;"></image></view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview">
								<view class="ytitle"> 请模拟联动触发信号查看系统运行情况</view>
								<view> 排烟风机反馈信息</view>
								<radio-group @change="aChange2">
									<label class="ritem" v-for="item,index in answer2" :key="index">
										<view>
											<radio :value="item" :checked="da2 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view>
								<view v-if="istool" class="toolbox">
									<view class="tc1">工具箱</view>
									<view class="toolitems">
										<view class="toolitem" :class="toolid==1?'bord':''" @click="seltool(1)">
											<view>
												<image class="toolimg" :src="tool1"></image>
											</view>
											<view class="tc">感温探测器</view>
										</view>
										<view class="toolitem" :class="toolid==2?'bord':''" @click="seltool(2)">
											<view>
												<image class="toolimg" :src="tool2"></image>
											</view>
											<view class="tc">感烟探测器</view>
										</view>
										<view class="toolitem" :class="toolid==3?'bord':''" @click="seltool(3)">
											<view>
												<image class="toolimg" :src="tool3"></image>
											</view>
											<view class="tc">消防电话</view>
										</view>
										 
										<view class="toolitem" :class="toolid==5?'bord':''" @click="seltool(5)">
											<view>
												<image class="toolimg" :src="tool5"></image>
											</view>
											<view class="tc"> 照度计</view>
										</view>
										<view class="toolitem" :class="toolid==6?'bord':''" @click="seltool(6)">
											<view>
												<image class="toolimg" :src="tool6"></image>
											</view>
											<view class="tc">风速仪</view>
										</view>
										<view class="toolitem" :class="toolid==7?'bord':''" @click="seltool(7)">
											<view>
												<image class="toolimg" :src="tool7"></image>
											</view>
											<view class="tc">微压计</view>
										</view>
										 
									</view>
									<view>
										<view @click="toolclick92()" class="toolbtn"> 确定</view>
									</view>
								</view>

							</view>
							<view class="handleBtn">
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																	@click='explain(1)'>查看解析</u-button>
							</view>

							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==20?'areaitem sitem':'areaitem'" @click="setarea(20)">
										<image class="aimg" :src="area1"></image>消防控制室
									</view>
									<view :class="curarea==21?'areaitem sitem':'areaitem'" @click="setarea(21)">
										<image class="aimg" :src="area2"></image>走廊
									</view>
									<view :class="curarea==22?'areaitem sitem':'areaitem'" @click="setarea(22)">
										<image class="aimg" :src="area3"></image>排烟机房
									</view>

								</view>

								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda21()">下一步</u-button>
																		<u-button @click="reset3()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>
							
							<!--排烟机房-->
							
							<view v-if="ispyjflook" id="area197" class="openiv" :style="{ left:a1197left,top:a1197top}"
								@tap="openimgview('19-8',2198)">
								<image class="openi" :src="openimg"></image>
							</view>
							
							<view v-if="ispyjflookdet" id="area198c" class="openiv" :style="{ left:a1198cleft,top:a1198ctop}"
								@tap="openimgview('19-18',2197)">
								<image class="openi" :src="closeimg"></image>
							</view>	
							
							<!---->
							<view v-if="isa1912" id="area181" class="openiv" :style="{ left:a11912left,top:a11912top }"
								@tap="openimgview('19-13',1913)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa1913" id="area1913c" class="openiv"
								:style="{ left:a11913cleft,top:a11913ctop }" @tap="openimgview('19-12',1912)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<!--openimgview('19-16',1916)-->
							<view v-if="isa1913" id="area1913" class="openiv" :style="{ left:a11913left,top:a11913top }"
								@tap="showDialog2()">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa1913" id="area1912t" class="openiv ds"
								:style="{ left:a1192tleft,top:a1192ttop}">
								{{time}}
							</view>
							

							<view v-if="isa1913" id="areaf2" class="openiv redbg"
								:style="{ left:f2left,top:f2top,width:f2w,height:f2h}" @tap="f22()">
							</view>

							<view v-if="isa1913" id="areaf6" class="openiv redbg"
								:style="{ left:f6left,top:f6top,width:f6w,height:f6h}" @tap="f62()">
							</view>
							
							 <view v-if="iscreen2!=0 && isa1913" id="areaf12" class="openiv "
							 	:style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}"  >
							 <image class="openi openiv" :style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							 </view>
							 <view v-if="iscreen2!=0 && isa1913" id="areaf22" class="openiv "
							 	:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}"  >
							 <image class="openi openiv" :style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							 </view>
							 <view v-if="iscreen2!=0 && isf62status && isa1913" id="areaf32" class="openiv "
							 	:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}"  >
							 	<image class="openi openiv" :style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							 </view>

							<view v-if="isa1913" id="area1913" class="openiv rem7"
								:style="{ left:a11913il,top:a11913it }">
								<view class="flexcol">
									<view v-if="iscreen2==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen2==1" :style="{ width:stw,height:sth,color:'#fff'}">火警信息</view>
									<view v-if="iscreen2==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen2==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息</view>

									<view class="flexrow">

										<view v-if="iscreen2==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>

										<view v-if="iscreen2==1" :style="{ width:siw,height:sbw,color:'#000'}">
											<view><text class="rtext">首警</text> {{stime1}}手报火警</view>
											<view>{{stime2}}感烟探测器火警</view>

										</view>
										<view v-if="iscreen2==2" :style="{ width:siw,height:sbw,color:'#000'}">
											<text>{{info}}</text>
										</view>
										<view v-if="iscreen2==3" :style="{ width:siw,height:sbw,color:'#000'}"><text>
												{{info}}</text></view>

										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动允许
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen2==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
									<view v-if="iscreen2==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
								</view>
							</view>

							<view v-if="isa1916" id="area1916" class="openiv"
								:style="{ left:a11916cleft,top:a11916ctop }" @tap="openimgview('19-13',1913)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="iscreen2!=0 && isa1916" id="area181" class="openiv rem7"
								:style="{ left:a11916ileft,top:a11916itop,color:'#000' }">

								<view> <text class="rtext">首警</text> {{stime1}}手报火警</view>
								<view> {{stime2}}感烟探测器火警</view>
								<view> {{stime2}} 排烟风机启动</view>
								<view> {{stime2}} 排烟口启动</view>
								<view> {{stime2}}排烟阀启动</view>
								<view>{{stime2}}排烟风机 已反馈</view>
								<view> {{stime2}}排烟口已反馈</view>
								<view>{{stime2}}排烟阀已反馈</view>
							</view>


							<u-mask :show="showFlag2">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide2" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen2!=0">
											<view> <text class="rtext">首警</text> {{stime1}}手报火警</view>
											<view> {{stime1}}感烟探测器火警</view>
											<view> {{stime1}} 排烟风机启动</view>
											<view> {{stime1}} 排烟口启动</view>
											<view> {{stime1}}排烟阀启动</view>
											<view>{{stime1}}排烟风机 已反馈</view>
											<view> {{stime1}}排烟口已反馈</view>
											<view>{{stime1}}排烟阀已反馈</view>
										</view>
									</view>
								</view>
							</u-mask>


							<view v-if="isa1914" id="area181" class="openiv" :style="{ left:a11914left,top:a11914top }"
								@tap="openimgview('19-15',1915)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa1915" id="area181" class="openiv"
								:style="{ left:a11915cleft,top:a11915ctop }" @tap="openimgview('19-14',1914)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa1915" id="area1811" class="openiv"
								:style="{ left:a11915bleft,top:a11915btop,width:a11915bw,height:a11915bh}"
								@tap="playfire()">
							</view>

							<view v-if="isfire1 &&isa1915" id="area1812" class="openiv redbg"
								:style="{ left:a1194rleft,top:a1194rtop,width:a1194rw,height:a1194rh}">
								<image class="openi openiv" :src="red"
									:style="{ left:a1194rleft,top:a1194rtop,width:a1194rw,height:a1194rh}"></image>
							</view>
						</view>
					</view>

				</view>


				<view class="w100" v-if="curnum==21">
					<view class="taskTit">
						<view class="tasklfex">
							<view>{{questions[1]}}</view>
							<view class="stepbs">  <image :src="jd22" mode="heightFix" style="height: 2.5vh;"></image></view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">


							<view class="answerview1">
								<view class="ytitle"> 请操作排烟防火阀连锁关闭排烟风机</view>
								<view> </view>
							</view>
							<view class="handleBtn">

								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(1)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==210?'areaitem sitem':'areaitem'" @click="setarea(210)">
										<image class="aimg" :src="area1"></image>消防控制室
									</view>
									<view :class="curarea==211?'areaitem sitem':'areaitem'" @click="setarea(211)">
										<image class="aimg" :src="area2"></image>走廊
									</view>
									<view :class="curarea==212?'areaitem sitem':'areaitem'" @click="setarea(212)">
										<image class="aimg" :src="area3"></image>排烟机房
									</view>

								</view>

								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda2()">提交</u-button>
																		<u-button @click="reset4()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>


							<view v-if="isa1918" id="a19181" class="openiv  "
								:style="{left:a1918bl,top:a1918bt,width:a1918bw,height:a1918bh}"
								@tap="openimgview('19-19',1919)">
								<image :src="openimg" class="openi"></image>

							</view>
							<view v-if="isa1919" id="a19181" class="openiv redbg"
								:style="{left:a1919l,top:a1919t,width:a1919w,height:a1919h}"
								@tap="openimgview('0',1919)">

							</view>

							<view v-if="isa1919" id="a19181" class="openiv  " :style="{left:a1919cl,top:a1919ct }"
								@tap="openimgview('19-18',1918)">
								<image :src="closeimg" class="openi"></image>
							</view>
						</view>
					</view>

				</view>



				<view class="w100" v-if="curnum==2">
					<view class="taskTit">

						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">


							<!--view class="answerview">
								<view class="ytitle"> 请模拟联动触发信号测试防烟系统功能</view>
								<view> 判断所启动的消防设备状态</view>
								<radio-group @change="aChange">
									<label class="ritem" v-for="item,index in answer1" :key="index">
										<view>
											<radio :value="item" :checked="index === acurrent" />{{item}}
										</view>
									</label>
								</radio-group>
							</view-->
							<view class="handleBtn">

									<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																	@click='explain(2)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view>
									<view v-if="istool" class="toolbox1">
										<view class="tc1">工具箱</view>
										<view class="toolitems">
											<view class="toolitem" :class="toolid==1?'bord':''" @click="seltool(1)">
												<view>
													<image class="toolimg" :src="tool1"></image>
												</view>
												<view class="tc">感温探测器</view>
											</view>
											<view class="toolitem" :class="toolid==2?'bord':''" @click="seltool(2)">
												<view>
													<image class="toolimg" :src="tool2"></image>
												</view>
												<view class="tc">感烟探测器</view>
											</view>
											<view class="toolitem" :class="toolid==3?'bord':''" @click="seltool(3)">
												<view>
													<image class="toolimg" :src="tool3"></image>
												</view>
												<view class="tc">消防电话</view>
											</view>
											 
											<view class="toolitem" :class="toolid==5?'bord':''" @click="seltool(5)">
												<view>
													<image class="toolimg" :src="tool5"></image>
												</view>
												<view class="tc"> 照度计</view>
											</view>
											<view class="toolitem" :class="toolid==6?'bord':''" @click="seltool(6)">
												<view>
													<image class="toolimg" :src="tool6"></image>
												</view>
												<view class="tc">风速仪</view>
											</view>
											<view class="toolitem" :class="toolid==7?'bord':''" @click="seltool(7)">
												<view>
													<image class="toolimg" :src="tool7"></image>
												</view>
												<view class="tc">微压计</view>
											</view>
											 
										</view>
										<view>
											<view @click="toolclick2()" class="toolbtn"> 确定</view>
										</view>
									</view>

								</view>
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda23()">提交</u-button>
																		<u-button @click="reset5()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">
							</view>


							<view v-if="iscf" class="openiv" id="cfd1"
								:style="{left:btn1l,top:btn1t,width:btn1921w,height:btn1921h}" @tap="cfd(1)">
							</view>
							<view v-if="iscf" class="openiv" id="cfd2"
								:style="{left:btn2l,top:btn2t,width:btn1921w,height:btn1921h}" @tap="cfd(2)">
							</view>
							<view v-if="iscf" class="openiv" id="cfd3"
								:style="{left:btn3l,top:btn3t,width:btn1921w,height:btn1921h}" @tap="cfd(3)">
							</view>
							<view v-if="iscf" class="openiv" id="cfd4"
								:style="{left:btn4l,top:btn4t,width:btn1921w,height:btn1921h}" @tap="cfd(4)">
							</view>
							<view v-if="iscf" class="openiv" id="cfd5"
								:style="{left:btn5l,top:btn5t,width:btn1921w,height:btn1921h}" @tap="cfd(5)">
							</view>
							<view v-if="iscf" class="openiv" id="cfd6"
								:style="{left:btn6l,top:btn6t,width:btn1921w,height:btn1921h}" @tap="cfd(6)">
							</view>
							<view v-if="iscf" class="openiv" id="cfd7"
								:style="{left:btn7l,top:btn7t,width:btn1921w,height:btn1921h}" @tap="cfd(7)">
							</view>
							<view v-if="iscf" class="openiv" id="cfd8"
								:style="{left:btn8l,top:btn8t,width:btn1921w,height:btn1921h}" @tap="cfd(8)">
							</view>
							<view v-if="iscf" class="openiv" id="cfd9"
								:style="{left:btn9l,top:btn9t,width:btn1921w,height:btn1921h}" @tap="cfd(9)">
							</view>


							<view v-if="isf1" class="openiv redbg1" id="cfd11"
								:style="{left:btn1l,top:btn1t,width:btn1921w,height:btn1921h}" @tap="cfd(1)">
							</view>
							<view v-if="isf2" class="openiv redbg1" id="cfd12"
								:style="{left:btn2l,top:btn2t,width:btn1921w,height:btn1921h}" @tap="cfd(2)">
							</view>
							<view v-if="isf3" class="openiv redbg1" id="cfd13"
								:style="{left:btn3l,top:btn3t,width:btn1921w,height:btn1921h}" @tap="cfd(3)">
							</view>
							<view v-if="isf4" class="openiv redbg1" id="cfd14"
								:style="{left:btn4l,top:btn4t,width:btn1921w,height:btn1921h}" @tap="cfd(4)">
							</view>
							<view v-if="isf5" class="openiv  redbg1" id="cfd15"
								:style="{left:btn5l,top:btn5t,width:btn1921w,height:btn1921h}" @tap="cfd(5)">
							</view>
							<view v-if="isf6" class="openiv redbg1" id="cfd16"
								:style="{left:btn6l,top:btn6t,width:btn1921w,height:btn1921h}" @tap="cfd(6)">
							</view>
							<view v-if="isf7" class="openiv redbg1" id="cfd17"
								:style="{left:btn7l,top:btn7t,width:btn1921w,height:btn1921h}" @tap="cfd(7)">
							</view>
							<view v-if="isf8" class="openiv redbg1" id="cfd18"
								:style="{left:btn8l,top:btn8t,width:btn1921w,height:btn1921h}" @tap="cfd(8)">
							</view>
							<view v-if="isf9" class="openiv redbg1" id="cfd19"
								:style="{left:btn9l,top:btn9t,width:btn1921w,height:btn1921h}" @tap="cfd(9)">
							</view>
						</view>
					</view>

				</view>


				<view class="w100" v-if="curnum==3">
					<view class="taskTit">

						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent"> 
							<view class="answerview">
								<view class="ytitle"> 请选择加压送风部位的余压值</view>
								<view> </view>
								<radio-group @change="aChange3">
									<label class="ritem" v-for="item,index in answer4" :key="index">
										<view>
											<radio :value="item" :checked="da3 === item"  :style="{transform:'scale('+heightBl+')'}"/>{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view class="handleBtn">
<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(3)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view>
									<view v-if="istool" class="toolbox1">
										<view class="tc1">工具箱</view>
										<view class="toolitems">
											<view class="toolitem" :class="toolid==1?'bord':''" @click="seltool(1)">
												<view>
													<image class="toolimg" :src="tool1"></image>
												</view>
												<view class="tc">感温探测器</view>
											</view>
											<view class="toolitem" :class="toolid==2?'bord':''" @click="seltool(2)">
												<view>
													<image class="toolimg" :src="tool2"></image>
												</view>
												<view class="tc">感烟探测器</view>
											</view>
											<view class="toolitem" :class="toolid==3?'bord':''" @click="seltool(3)">
												<view>
													<image class="toolimg" :src="tool3"></image>
												</view>
												<view class="tc">消防电话</view>
											</view>
											 
											<view class="toolitem" :class="toolid==5?'bord':''" @click="seltool(5)">
												<view>
													<image class="toolimg" :src="tool5"></image>
												</view>
												<view class="tc"> 照度计</view>
											</view>
											<view class="toolitem" :class="toolid==6?'bord':''" @click="seltool(6)">
												<view>
													<image class="toolimg" :src="tool6"></image>
												</view>
												<view class="tc">风速仪</view>
											</view>
											<view class="toolitem" :class="toolid==7?'bord':''" @click="seltool(7)">
												<view>
													<image class="toolimg" :src="tool7"></image>
												</view>
												<view class="tc">微压计</view>
											</view>
											 
										</view>
										<view>
											<view @click="toolclick1()" class="toolbtn"> 确定</view>
										</view>
									</view>

								</view>
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="senda3()">提交</u-button>
																		<u-button @click="reset6()"
																			:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																			>重做</u-button>
																		<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
																		@click="back()">返回</u-button>
								</view>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">

							</view>
						</view>
					</view>


				</view>

				<u-mask :show="isexplain" @click="closeex" >
					<view class="wrapper" style="display: flex;align-items: center;justify-content: center;height:100%">
						<view class="block"
							style="width:400rpx;padding: 20rpx;box-sizing:border-box;background: #fff;font-size:2vh">
							<view class="overtitle" style="color: #000;">
								【试题解析】 正确答案
							</view>
							<view class="overtitle" style="color: #000;">
								<text>{{explaintext}}</text>
							</view>
						</view>
					</view>
				</u-mask>


			</view>

		</template>
	</sysJk>

</template>


<script>
	import sysJk from '@/components/sysJk.vue'
	import {
		fzQuestion
	} from '@/globalApi/requestApi.js'
	import {
		formatTime,
		getcurtime,
		screentime
	} from '@/util/index.js'
	export default {
		components: {
			sysJk
		},

		data() {
			const app = getApp();
			const baseUrl = app.globalData.requestUrl;

			return {
				widthBl:0,
				heightBl:0,

				dfulltxt: '',
				dtimetxt: '',
				iscreen1: 0, //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				iscreen2: 0,

				lefttime: '420',
				time: '',
				info: '',
				examId: '',
				isf61status:false,
				isf62status:false,
				examType: 1,
				base: baseUrl,
				writeBox: null,
				writeBoxLeft: 0,
				writeBoxTop: 0,
				showFlag: false,
				showFlag2: false,
				openimg: baseUrl + "/static/image/open.png",
				closeimg: baseUrl + "/static/image/close.png",
				red: baseUrl + "/static/image/red.png",
				redbtn: baseUrl + "/static/image/red.png",
				redimg: baseUrl + "/static/image/red.png",
				bUrl: baseUrl + "/static/image/wb/19-1.jpg",

				jb: baseUrl + "/static/image/jb.MP3",
				curarea: 0, //当前场景
				area1: baseUrl + "/static/image/wb/19-1.jpg",
				area2: baseUrl + "/static/image/wb/19-3.jpg",
				area3: baseUrl + "/static/image/wb/19-7.jpg",
				area4: baseUrl + "/static/image/wb/19-9.jpg",
				isarea: true,
				isa1area1: true,
				isa1area2: false,
				isa1area3: false,
				isa1area4: false,
				areanum: 2, //场景数
				is912kg: 0, //1小问2小开关 4种状态 0 1 2 3
				is912btn: false, //1小问2小，按钮


				questionsnum: 4, //题目数

				curnum: 0, //当前题目
				tool1: baseUrl + "/static/image/gw.png", //
				tool2: baseUrl + "/static/image/gy.png", //
				tool3: baseUrl + "/static/image/dh.png", //
				tool4: baseUrl + "/static/image/bs.png", //
				tool5: baseUrl + "/static/image/zm.png", //
				tool6: baseUrl + "/static/image/cf.png", //
				tool7: baseUrl + "/static/image/wyj.png", //
				tool8: baseUrl + "/static/image/cf.png", //
				questions: ['【1/4】请设置控制器控制方式，通过联动触发火警信号，启动相关消防设备',
					'【2/4】请模拟联动触发信号查看排烟系统运行状况，操作排烟防火阀测试风机连锁关闭功能',
					'【3/4】请选择正确工具测量风口处风速，并选择测量的正确位置',
					'【4/4】请选择正确工具测量加压送风部位余压值',
				],
				jd21:baseUrl+"/static/image/jd/j2-0.png",
				jd22:baseUrl+"/static/image/jd/j2-2.png",
				iscf: false,
				isf1: false,
				isf2: false,
				isf3: false,
				isf4: false,
				isf5: false,
				isf6: false,
				isf7: false,
				isf8: false,
				isf9: false,


				answer1: ['启动信号已发出设备已反馈', '启动信号已发出设备未反馈'],
				//1小问后有个  请手动停止送风机，复位常闭式加压送风口

				answer2: ['启动信号已发出 设备已反馈', '启动信号已发出 设备未反馈'],

				answer4: ['31Pa', '28Pa', '50Pa'],


				istool: false,

				isa191: true,
				isa192: false,
				isa195: false,
				isa193: false,
				isa194: false,
				
				//风机，前室 ,t第一小问
				isa1197:false,
				isa1198:false,
				isa1199:false,
				isa11910:false,

				isa197: false,
				isa198: false,
				isa1981: false,


				isa199: false,
				isa1910: false,
				
				ispyjflook:false ,//2小题排烟机房
				ispyjflookdet:false,


				isa1912: false,
				isa1913: false,
				isa1916: false,
				isa1914: false,
				isa1915: false,

				//1
				//19-1
				a1191left: 0, // 660
				a1191top: 0, // 580   //19-2

				//19-2
				a1192cleft: 0, //	1750
				a1192ctop: 0, //		130  //to19-1

				a1192left: 0, //		740
				a1192top: 0, //	720 //to19-5

				a1192tleft: 0, //	420
				a1192ttop: 0, //	190  //time

				a1192ileft: 0, //	1130
				a1192itop: 0, //	96  //info


				//19-5
				a1195cleft: 0, //		1240
				a1195ctop: 0, //		180  //c to 19-2


				a1195ileft: 0, //		880
				a1195itop: 0, //		200  //写信息


				//19-3
				a1193cleft: 0, //		700
				a1193ctop: 0, //		630  //to194

				//19-4
				a1194cleft: 0, //		1180
				a1194ctop: 0, //		280  //to193

				a1194bleft: 0, //		1000
				a1194btop: 0, //		480
				a1194bw: 0, //	w 40
				a1194bh: 0, //	h 40

				a1194rleft: 0, //		980
				a1194rtop: 0, //		445
				a1194rw: 0, //	w 20
				a1194rh: 0, //	h 20

				///1111-222
				//19-7
				a1197left: 0, //		865
				a1197top: 0, //		420 //to198
				
				a2197left: 0, //
				a2197top: 0, //	

				//198

				a1198cleft: 0, //		c 1200
				a1198ctop: 0, //		 230  //to197

				a1197bleft: 0, //		905
				a1197btop: 0, //		700
				a1197bw: 0, //	w 60
				a1197bh: 0, //	h 60  //1981

				//1981
				a11981bleft: 0, //		905
				a11981btop: 0, //		700
				a11981bw: 0, //		w 60
				a11981bh: 0, //		h 60  //198

				a11981b2left: 0, //		985
				a11981b2top: 0, //	540
				a11981b2w: 0, //		w68
				a11981b2h: 0, //		h68 //19-8-2


				//222222222222 ------1
				//19-9
				a1199left: 0, //		1320
				a1199top: 0, //		350  //to1910

				//19-10
				a11910cleft: 0, //		1150
				a11910ctop: 0, //		160  //to199

				a11910bleft: 0, //		890
				a11910btop: 0, //		240
				a11910bw: 0, //		w150 //to1911
				a11910bh: 0, //		h150
				//1911
				a11911bleft: 0, //		890
				a11911btop: 0, //			240
				a11911bw: 0, //		w150 //to1910
				a11911bh: 0, //		h150

				///22222222222-2

				//19-12
				a11912left: 0, //		660
				a11912top: 0, //		580 //to1913

				//1913
				a11913cleft: 0, //		1750
				a11913ctop: 0, //		130 //cto 1912

				a11913left: 0, //		750
				a11913top: 0, //		720 //to19-16

				a11913il: 0, //1130
				a11913it: 0, //96,//


				//19-16
				a11916cleft: 0, //		1230
				a11916ctop: 0, //		180  //c to 19-13

				a11916ileft: 0, //	860
				a11916itop: 0, //		230  //info

				//19-14
				a11914left: 0, //		700
				a11914top: 0, //		640 //to 1915

				//19-15
				a11915cleft: 0, //		1180
				a11915ctop: 0, //		290  //c to 1914

				a11915bleft: 0, //		995
				a11915btop: 0, //		480
				a11915bw: 0, //		w 40
				a11915bh: 0, //		h 40  //声音



				//19-18

				a11918left: 0, //		450
				a11918top: 0, //		780 //to19-19


				//19-19
				a11919cleft: 0, //		1090
				a11919ctop: 0, //		360  //c to 19-18


				a11919bleft: 0, //		920
				a11919btop: 0, //		420
				a11919bw: 0, //	 160
				a11919bh: 0, //		   130  //19-19-1

				//19-19-1


				a119191bleft: 0, //			920
				a119191btop: 0, //		420
				a119191w: 0, //		w 160
				a119191h: 0, //		h  130  //19-19




				//屏图标宽高
				sciconw: 20,
				sciconh: 20,


				//自动方式
				aiconl: 430,
				aicont: 353,

				//手动方式
				miconl: 430,
				micont: 390,

				//火警
				ficonl: 649,
				ficont: 137,


				//启动
				siconl: 824,
				sicont: 139,

				//反馈
				iiconl: 824,
				iicont: 289,
				////////333

				//19-20

				stw: '479',
				sth: '28',
				sleft: "10",
				siw: '330',
				sih: '200',
				sbw: '146',
				sbh: "68",
				srtw: '138',
				srth: '30',
				srtt: '80',
				sitt: '15',
				s5w: "495",
				s5h: '25',
				//f2
				//f2
				f2left: 1130,
				f2top: 549,
				f2w: 82,
				f2h: 45,

				//f6
				f6left: 1517,
				f6top: 549,
				f6w: 82,
				f6h: 45,


				//19-18
				isa1918: false,
				isa1919: false,
				is922kg: false, //开关状态
				isa19191: false,
				//19-21-1
				btn1l: 674,
				btn1t: 233,

				btn2l: 884,
				btn2t: 233,

				btn3l: 1090,
				btn3t: 233,

				btn4l: 674,
				btn4t: 480,

				btn5l: 884,
				btn5t: 480,

				btn6l: 1090,
				btn6t: 480,
				
				btn7l: 674,
				btn7t: 725,
				
				btn8l: 884,
				btn8t: 725,
				
				btn9l: 1090,
				btn9t: 725,
				

				btn1921w: 50,
				btn1921h: 50,


				//19-19
				a1919l: 1032,
				a1919t: 500,
				a1919w: 95,
				a1919h: 70,
				//19-19 19-19-1
				//close
				a1919cl: 1300,
				a1919ct: 170,


				//19-18
				a1918bl: 440,
				a1918bt: 688,
				a1918bw: 60,
				a1918bh: 64,



				innerAudioContext: uni.createInnerAudioContext(),
				jb: baseUrl + "/static/image/jb.MP3",
				quest: {
					fz_id: 2,
					title: '',
					no: "",
					question_type: 1,
					user_answer: '',
					answer: '',
					is_correct: '',
					score: '',
					start_time: 0,
					end_time: 0,
					question_answer: ''
				},

				da1: "",
				da2: '',
				da3: '',
				score1: 0,
				score2: 0,
				score3: 0,
				score4: 0,

				//1
				isfire: false, // 是否打开火
				isfire1: false, //2-1
				issmk: false, //测烟 
				stime1: '',
				stime2: '',
				stime3: '',
				stime4: '',

				istk1cl: false, //1小问几个状态
				isf21: false,
				isf61: false,
				ispr1: false,

				isf22: false,
				isf62: false,
				ispr2: false,

				//停止两个状态
				//状态变正常 
				//2
				isfrie92: false,
				issmk92: false,
				ispyst: false, //排烟状态
				//3

				//4


				explainarr: [
					'控制室主机自动允许，机房控制柜自动状态。然后去走廊触发手报和探测器报警。回控制室查启动查反馈。下一步去机房，先转手动，再点停风机。在最后去前室送风口，推杆复位\r\n\r\n正确答案：两种情况都有可能',
					'控制室主机自动允许，机房控制柜自动状态。然后去走廊触发手报和探测器报警。回控制室查启动查反馈。下一步，需要去机房找到排烟防火阀，拉拉环，让其关闭，连锁导致风机停止，完成答题\r\n\r\n正确答案：两种情况都有可能',
					'对于小型送风口，选五个点进行测试，分别是四个角和中间。',
					'工具箱中选择微压计，直接读数值选答案即可\r\n\r\n正确答案：28Pa'



				],
				isexplain: false,
				explaintext: '',

				toolid: 0,
				tH: 0,
				ll428: false, //4状态
				
			}
		},
		onLoad(options) {
			uni.setScreenBrightness({
				keepScreenOn: true,
				direction: 'landscape',
				success() {
					console.log("a")
				}
			})
			let that = this;
			let df = new Date()
			let m = df.getMonth() + 1
			let h1 = df.getHours()
			let m1 = df.getMinutes()
			this.time = h1 + ":" + m1
			this.dfulltxt = df.getFullYear() + "/" + m + df.getDate()

			setInterval(() => {
				let df1 = new Date()
				that.dtimetxt = df1.getHours() + ":" + df1.getMinutes() + ":" + df1.getSeconds()
			}, 1000)
			setInterval(() => {
				that.time = getcurtime()
			}, 20000)
			this.examId = options.examId
			this.examType = options.examType
		},
		onShow() {
			let that = this
			// uni.getSystemInfo({
			// 	success: function(res) {
			// 		console.log(res)
			// 		// uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
			// 		that.tH = uni.getMenuButtonBoundingClientRect().height + uni
			// 			.getMenuButtonBoundingClientRect().top * 2 + 21
			// 		//that.tH=85 
			// 		that.drawWhiteBox()
			// 	}
			// });
		},
		onReady() {
					  let that = this;
					  // #ifdef MP-WEIXIN
					  uni.getSystemInfo({
					    success: function(res) {
					      console.log(res)
					      // uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
					      that.tH = uni.getMenuButtonBoundingClientRect().height + uni
					          .getMenuButtonBoundingClientRect().top * 2 + 21
					      //that.tH=85
					      that.drawWhiteBox()
					    }
					  });
					  // #endif
					
					 // #ifdef APP-PLUS
					 let sy = uni.getSystemInfoSync()
					 this.pT = sy.statusBarHeight
					 this.tH = sy.statusBarHeight + 51
					 that.drawWhiteBox(this.tH )
					 
					 // #endif
					},
		methods: {
			//1小
			toolclick() {


				//要提前下载一下8-5 8-5-1
				console.log("tool")
				//判断选择的工具
				console.log(this.toolid)
				if (this.toolid == 2) {
					this.issmk = true
					this.istk1cl = true
					if (this.isfire == true) {
						this.iscreen1 = 1
						this.isf61status=Math.random()>0.5
						console.log(this.isf61status)
					}
					//得分
					this.bUrl = this.base + "/static/image/wb/19-3-1.jpg"
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/19-3-2.jpg"
					}, 500)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/19-3-1.jpg"
					}, 1500)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/19-3-2.jpg"
					}, 2000)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/19-3.jpg"

					}, 2500)
				}
			},
			aChange(e) {
				this.da1 = e.detail.value
			},
			aChange2(e) {
				this.da2 = e.detail.value
			},
			aChange3(e) {
				this.da3 = e.detail.value
			},
			//2小
			toolclick92() {

				//要提前下载一下8-5 8-5-1
				console.log("tool")
				//判断选择的工具
				console.log(this.toolid)
				if (this.toolid == 2) {
					this.issmk92 = true
					this.iscreen2 = 1
					this.isf62status=Math.random()>0.5
					//得分
					this.bUrl = this.base + "/static/image/wb/19-3-1.jpg"
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/19-3-2.jpg"
					}, 500)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/19-3-1.jpg"
					}, 1500)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/19-3-2.jpg"
					}, 2000)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/19-3.jpg"
					}, 2500)
				}
			},
			f21() {
				if (this.iscreen1 == 1) {
					this.isf21 = true
					this.iscreen1 = 2 //f2状态
					this.info = this.stime1 + '防烟风机启动\r\n'
					this.info = this.info + this.stime1 + '前室送风口启动\r\n'
					this.info = this.info + this.stime1 + '送风口 启动\r\n'
				}
			},
			f61() {
				//f6状态
				if (this.iscreen1 == 2) { //	//退出
					this.iscreen1 = 1
				} else if (this.iscreen1 == 1) { //反馈
					this.iscreen1 = 3
					this.isf61 = true
					if(this.isf61status){
						this.info = this.stime1 + '防烟风机已反馈\r\n'
						this.info = this.info + this.stime1 + '前室送风口已反馈\r\n'
						this.info = this.info + this.stime1 + '送风口已反馈\r\n'
					}else{
						this.info = this.stime1 + '防烟风机未反馈\r\n'
						this.info = this.info + this.stime1 + '前室送风口未反馈\r\n'
						this.info = this.info + this.stime1 + '送风口未反馈\r\n'
					}
				
				} else if (this.iscreen1 == 3) {
					
					this.iscreen1 = 1
					//退出
				}
			},
			f22() {
				if (this.iscreen2 == 1) {

					this.isf22 = true
					this.iscreen2 = 2 //f2状态 
					this.info = this.stime1 + '排烟风机启动\r\n'
					this.info = this.info + this.stime1 + '排烟口 启动\r\n'
					this.info = this.info + this.stime1 + '排烟阀 启动\r\n'
				}
			},
			f62() {
				//f6状态
				if (this.iscreen2 == 2) { //	//退出
					this.iscreen2 = 1
				} else if (this.iscreen2 == 1) { //反馈
					this.iscreen2 = 3
					this.isf62 = true
					if(this.isf62status){
					this.info = this.stime1 + '排烟风机已反馈\r\n'
					this.info = this.info + this.stime1 + '排烟口已反馈\r\n'
					this.info = this.info + this.stime1 + '排烟阀已反馈\r\n'	
					}else{
						this.info = this.stime1 + '排烟风机未反馈\r\n'
						this.info = this.info + this.stime1 + '排烟口未反馈\r\n'
						this.info = this.info + this.stime1 + '排烟阀未反馈\r\n'
					}
				
				} else if (this.iscreen2 == 3) {
					this.iscreen2 = 1
					//退出
				}
			},



			seltool(id) {
				console.log("settool")
				this.toolid = id
			},
			//3小
			toolclick2() {
				if (this.toolid == 6) {
					this.bUrl = this.base + "/static/image/wb/19-21-1.jpg"
					this.iscf = true

				}
			},
			cfd(id) {
				switch (id) {
					case 1:
						this.isf1 = true

						break;
					case 2:
						this.isf2 = true
						break;
					case 3:
						this.isf3 = true
						break;
					case 4:
						this.isf4 = true
						break;
					case 5:
						this.isf5 = true
						break;
					case 6:
						this.isf6 = true
						break;
						case 7:
							this.isf7 = true
							break;
							case 8:
								this.isf8 = true
								break;
								case 9:
									this.isf9 = true
									break;
				}
			},
			//4小
			toolclick1() {
				if (this.toolid == 7) {
					this.ll428 = true;
					this.bUrl = this.base + "/static/image/wb/19-23.jpg"
				}
			},
			back() {
				uni.navigateBack()
			},
			explain(id) {
				this.isexplain = true;
				this.explaintext = this.explainarr[id]

			},
			closeex() {
				this.isexplain = false
			},

			playfire() {
				//打开火警
				this.isfire1 = true //2-1
				this.isfire = true
				let dt = new Date()
				let m = dt.getMonth() + 1
				this.stime1 = dt.getFullYear() + '/' + m + "/" + dt.getDate() + " " + dt.getHours() + ":" + dt
					.getMinutes() + ":" + dt.getSeconds()
				this.innerAudioContext.src = this.jb;
				this.innerAudioContext.onPlay(() => {
					console.log('开始播放');
				});
				this.innerAudioContext.onError((res) => {
					console.log(res.errMsg);
					console.log(res.errCode);
				});
				console.log(this.innerAudioContext.paused)
				if (this.innerAudioContext.paused == true) {

					console.log("play")

					this.innerAudioContext.play();
				} else {
					console.log("stop")
					this.innerAudioContext.stop();
				}
			},
			//切换场景
			setarea(id) {
				this.curarea = id
				if (id == 0) {
					this.isa1area1 = true;
					this.isa1area2 = false
					this.isa1area3 = false;
					this.isa1area4 = false;
					this.isa191 = true;
					this.istool = false
					this.isa193 = false;
						this.isa197 = false;
					
					this.isa1197=false;
					this.isa1198=false
					this.isa1199=false;
					this.isa11910=false
					
					
					this.bUrl = this.base + "/static/image/wb/19-1.jpg"
				}
				if (id == 1) {
					this.isa1area1 = false;
					this.isa1area2 = true;
					this.isa1area3 = false;
					this.isa1area4 = false;
					this.isa193 = true;
					this.isa191 = false;

					this.isa197 = false;
					this.isa199 = false;
					this.istool = true
					
					this.isa1197=false;
					this.isa1198=false
					this.isa1199=false;
					this.isa11910=false
					
					this.bUrl = this.base + "/static/image/wb/19-3.jpg"
				}
				if (id == 2) {
					this.isa1area1 = false;
					this.isa1area2 = false;
					this.isa1area3 = true;
					this.isa1area4 = false;
					this.isa191 = false;
					this.istool = false
					this.isa193 = false;
					this.isa197 = true;
					this.isa199 = false;
					
					this.isa1197=true;
					this.isa1198=false
					
				 
					this.isa1199=false;
					this.isa11910=false
				
					this.bUrl = this.base + "/static/image/wb/19-7.jpg"
				}
				if (id == 3) {
					this.isa1area1 = false;
					this.isa1area2 = false;
					this.isa1area3 = false;
					this.isa1area4 = true;
					this.isa191 = false;
					this.isa193 = false;
					this.istool = false
					this.isa199 = true;
					this.isa197 = false;
					
					this.isa1199=true;
					this.isa11910=false
					
					this.isa1197=false;
					this.isa1198=false 
					
					this.bUrl = this.base + "/static/image/wb/19-9.jpg" 
				}


				//20 21 22
				if (id == 20) {
					this.isa2area1 = true;
					this.isa2area2 = false
					this.isa2area3 = false;
					this.isa1914 = false;
					this.isa1912 = true;
					this.istool = false
						this.ispyjflook=false;
					this.bUrl = this.base + "/static/image/wb/19-12.jpg"
				}
				if (id == 21) {
					this.isa2area1 = false;
					this.isa2area2 = true;
					this.isa2area3 = false;
					this.isa1914 = true;
					this.isa1912 = false;
					this.isa1915 = false;
						this.ispyjflook=false;
					//打开工具
					this.istool = true
					this.bUrl = this.base + "/static/image/wb/19-14.jpg"
				}
				if (id == 22) {
					this.isa2area1 = false;
					this.isa2area2 = false;
					this.isa2area3 = true;
					this.ispyjflook=true;
					this.isa1912 = false;
					this.isa1914 = false;
					this.istool = false
					this.bUrl = this.base + "/static/image/wb/19-18.jpg"
				}

				if (id == 210) {
					this.isa2area1 = true;
					this.isa2area2 = false
					this.isa2area3 = false;
					this.isa1914 = false;
					this.isa1918 = false
						this.ispyjflook=false;
					this.isa1912 = true;
					this.bUrl = this.base + "/static/image/wb/19-12.jpg"
				}
				if (id == 211) {
					this.isa2area1 = false;
					this.isa2area2 = true;
					this.isa2area3 = false;
					this.isa1914 = true;
					this.isa1912 = false;
					this.isa1918 = false
					this.isa1915 = false;
					//打开工具
					this.istool = true
					this.bUrl = this.base + "/static/image/wb/19-14.jpg"
				}
				if (id == 212) {
					this.isa2area1 = false;
					this.isa2area2 = false;
					this.isa2area3 = true;
					this.isa1914 = false;
					this.isa1918 = true
					this.bUrl = this.base + "/static/image/wb/19-18.jpg"
				}
			},
			reset() {

				///////////////
				this.iscreen1 = 0 //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				this.iscreen2 = 0
				this.isarea = true
				this.isa1area1 = true
				this.isa1area2 = false
				this.isa1area3 = false
				this.isa1area4 = false

				this.is912kg = 0 //1小问2小开关 4种状态 0 1 2 3
				this.is912btn = false //1小问2小，按钮
				this.iscf = false
				this.isf1 = false
				this.isf2 = false
				this.isf3 = false
				this.isf4 = false
				this.isf5 = false
				this.isf6 = false
				this.isf7 = false
				this.isf8 = false
				this.isf9 = false
				this.istool = false

				this.isa191 = true
				this.isa192 = false
				this.isa195 = false
				this.isa193 = false
				this.isa194 = false

				this.isa197 = false
				this.isa198 = false
				this.isa1981 = false


				this.isa199 = false
				this.isa1910 = false

				//////////////////
				this.isa1918 = false
				this.isa1919 = false
				this.is922kg = false //开关状态
				this.isa19191 = false
				this.isfire = false // 是否打开火
				this.isfire1 = false //2-1
				this.issmk = false //测烟 
				this.istk1cl = false //1小问几个状态
				this.isf21 = false
				this.isf61 = false
				this.ispr1 = false

				this.isf22 = false
				this.isf62 = false
				this.ispr2 = false
				this.isfrie92 = false
				this.issmk92 = false
				this.ispyst = false //排烟状态
				this.ll428 = false //4状态
				////////////////////

				this.isa1912 = false
				this.isa1913 = false
				this.isa1916 = false
				this.isa1914 = false
				this.isa1915 = false
				this.da1 = ''
				this.da2 = ''
				this.da3 = ''
				////////////////
			},
			reset1() {
				this.reset()
					this.innerAudioContext.stop()
				let that = this
				this.innerAudioContext.stop()
				that.curnum = 0
				that.istool = false
					this.isa1197=false;
					this.isa1198=false
					this.isa1199=false;
					this.isa11910=false
				that.curarea = 0
				that.isa192 = false
				that.iscreen1 = 0
				that.isa195 = false
				that.isa193 = false
				that.isa194 = false
				that.isfire = false
that.isf61status=false
				that.setarea(0)


			},
			reset2() {
				this.reset()
				this.innerAudioContext.stop()
				let that = this
				that.da1 = ""
				that.isfire = false
				that.istk1cl = false
				that.isf21 = false
				that.isf61 = false
				that.ispr1 = false
				that.is912kg = 0

				that.is912btn = false



				that.curnum = 10
				that.curarea = 0
				that.isarea = true
				that.setarea(20)

				that.bUrl = that.base + "/static/image/wb/19-1.jpg"
			},
			reset3() {
				this.reset()
					this.innerAudioContext.stop()
				let that = this

				that.curnum = 1
				that.isa1912 = true
					that.isfire=false 
					that.isf62status=false
				//第一个要显示
				that.curarea = 20
				that.bUrl = that.base + "/static/image/wb/19-12.jpg"
				that.area1 = that.base + "/static/image/wb/19-12.jpg"
				that.area2 = that.base + "/static/image/wb/19-3.jpg"
				that.area3 = that.base + "/static/image/wb/19-18.jpg"
			},
			reset4() {
				this.reset()
					this.innerAudioContext.stop()
				let that = this
				that.da2 = ""
				this.issmk92 = false
				that.isf22 = false
				that.isf62 = false
				that.ispr2 = false
				that.isfire1 = false


				that.curnum = 21
				that.isarea = true
				that.isa1918 = true
				that.curarea = 212
				that.area1 = that.base + "/static/image/wb/19-12.jpg"
				that.area2 = that.base + "/static/image/wb/19-3.jpg"
				that.area3 = that.base + "/static/image/wb/19-18.jpg"
				that.bUrl = that.base + "/static/image/wb/19-18.jpg"

			},
			reset5() {
				this.reset()
					this.innerAudioContext.stop()
				let that = this
				that.isf1 = false
				that.isf2 = false
				that.isf3 = false
				that.isf4 = false
				that.isf6 = false
				that.isf7 = false
				that.isf8 = false
				that.isf9 = false

				that.curnum = 2
				that.istool = true
				that.bUrl = that.base + "/static/image/wb/19-20.jpg"

			},
			reset6() {
				this.reset()
					this.innerAudioContext.stop()
				let that = this

				that.ll428 = false

				that.da3 = ""


				that.curnum = 3
				that.istool = true
				that.bUrl = that.base + "/static/image/wb/19-22.jpg"

			},
			senda0() {
				/***
				【1/4】请模拟联动触发信号测试防烟系统功能，测试完毕后进行复位操作【1】
				（消防控制室、走廊、送风机房、前室）
				请模拟联动触发信号测试系统功能
				
				判断所启动的消防设备状态
				启动信号已发出
				设备未反馈
				
				启动信号已发出
				设备已反馈
				
				【两种情况，但绝对是已反馈】
				请手动停止送风机、复位机械加压送风口
				*/
				this.innerAudioContext.stop()
				if(this.da1=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				let that = this
				this.$showModal2({
					title: '确认提交？' ,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 10
							that.curarea = 0
							that.isarea = true
							that.curarea=0
							that.setarea(0)

							that.bUrl = that.base + "/static/image/wb/19-1.jpg"

				});

			},
			senda1() {
				//点了和选了得分
				//前面几个条件是上一步的，到ispr1 
				let that = this
				// if (that.da1 == "启动信号已发出设备已反馈" && that.isfire && that.istk1cl && that.isf21 && that.isf61 && that.ispr1 &&
				if (that.da1 == "启动信号已发出设备已反馈" && that.isf61status && that.isfire && that.istk1cl &&  
					that.is912kg == 2 &&	that.is912btn) {
					that.score1 = 1
				} else if( 	that.da1 == "启动信号已发出设备未反馈" && that.isf61status==false && that.isfire && that.istk1cl &&
					that.is912kg == 2 && that.is912btn) {
					that.score1 = 1
				}else{
					that.score1=0
				}
				this.$showModal2({
					title: '确认提交？'+that.score1,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 1
							that.isa1912 = true
							//第一个要显示
							that.curarea = 20
							that.bUrl = that.base + "/static/image/wb/19-12.jpg"
							that.area1 = that.base + "/static/image/wb/19-12.jpg"
							that.area2 = that.base + "/static/image/wb/19-3.jpg"
							that.area3 = that.base + "/static/image/wb/19-18.jpg"
							that.isfire=false 
							that.isfire1 = false
							that.isarea=true
							that.reset()
							that.setarea(20)

				});



			},
			senda21() {
				/**
				 * 【2/4】请模拟联动触发信号查看排烟系统运行情况，操作排烟防火阀测试风机连锁关闭功能【1】
								
								请模拟联动触发信号查看系统运行情况
								
								排烟系统反馈信息
								
								启动信号已发出
								设备未反馈
								
								启动信号已发出
								设备已反馈
								【两种情况，但绝对是已反馈】
								
								请操作排烟防火阀连锁关闭排烟风机
				 */
				let that = this
				if(this.da2=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				this.$showModal2({
					title: '确认提交？',
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 21
							that.isarea = true
							that.isa1918 = true
							that.curarea = 212
							that.area1 = that.base + "/static/image/wb/19-12.jpg"
							that.area2 = that.base + "/static/image/wb/19-3.jpg"
							that.area3 = that.base + "/static/image/wb/19-18.jpg"
							that.bUrl = that.base + "/static/image/wb/19-18.jpg"
							

				});

			},
			senda2() {
				//点了和选了得分
				let that = this
				if(this.da2=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if (that.da2 == "启动信号已发出 设备已反馈" && this.isf62status && this.issmk92     && that.ispr2 && that
					.isfire1) {
					that.score2 = 1
				}    
				 else  if(
				 that.da2 == "启动信号已发出 设备未反馈"&& this.isf62status==false  && this.issmk92   && that.ispr2 && that
				 	.isfire1
				 ){
					that.score2 = 1
				}else {
					that.score2 = 0
				}
				this.$showModal2({
					title: '确认提交？'+that.score2,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 2
							that.istool = true
							that.bUrl = that.base + "/static/image/wb/19-20.jpg"

				});

			},
			senda23() {
				//5个全点得分 
				//【3/4】请选择正确具测量风口处风速，并选择测量的正确位置【0.5】  //5个点
				let that = this
				if (that.isf1 && that.isf3 && that.isf5 && that.isf7 && that.isf9 && that.isf2==false &&that.isf4==false &&that.isf6==false && that.isf8==false) {
					that.score3 = 0.5
				}
				this.$showModal2({
					title: '确认提交？'+that.score3,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 3
							that.istool = true
							that.bUrl = that.base + "/static/image/wb/19-22.jpg"

				});

			},
			senda3() {
				//点了工具得分
				/**
				 * 【4/4】请选择正确工具测量加压送风部位余压值【0.5】
				请选择加压送风部位的余压值
				31pa
				50pa
				28pa 
				【答案28】
				 */
				let that = this
				if(this.da3=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if (that.ll428 && that.da3 == "28Pa") {
					that.score4 = 0.5
				} else {  
					that.score4 = 0
				}
				let ss = that.score1 + that.score2 + that.score3 + that.score4
				this.$showModal2({
					title: '确认提交？'+that.score4,
					// content: '这是一个模态弹窗',

				}).then(()=>{
							uni.showLoading({})
							fzQuestion(that.quest).then(res => {
								uni.hideLoading()
								let pages = getCurrentPages()
								if(pages.length==4){
									let prevPage = pages[pages.length - 3] 
									prevPage.$vm.status19 = true
									prevPage.$vm.addScore(ss)
									uni.navigateBack()
								}else{
									let prevPage = pages[pages.length - 2]
									prevPage.$vm.status19 = true
									prevPage.$vm.addScore(ss) 
									uni.navigateBack()
								} 
							})

				});

				// uni.showToast({
				// 	title: '提交后不可修改',
				// 	success() {
				// 		setTimeout(() => {
				// 			uni.navigateBack()
				// 		}, 500)

				// 	}
				// })
				/**
				 * 
				 * 
				 *
				 * 19防排烟系统组件的检查和功能测试 
				 * 
				 */
			},
			openimgview(path, lb) {
				this.isarea = false
				this.isa1area1 = false
				this.isa1area2 = false
				this.time = getcurtime()
				this.bUrl = this.base + "/static/image/wb/" + path + ".jpg";
				switch (lb) {
					
					case 2197:
					this.ispyjflook=true;
					this.ispyjflookdet=false;
					this.isarea=true
					break;
					case 2198:
						this.ispyjflook=false;
						this.ispyjflookdet=true;
					break;
					
				 
					case 1197:
					this.isa1197=true
					this.isa1198=false 
						this.isarea = true
					break;
					case 1198:
					this.isa1198=true
					this.isa1197=false
					break;
					case 1199:
					this.isa1199=true
					this.isa11910=false 
						this.isarea = true
					break;
					case 11910:
					this.isa11910=true
					this.isa1199=false
					
					break;
					
					case 191:
						this.isa191 = true;
						this.isa192 = false;

						this.isarea = true
						break;
					case 192:
						console.log(this.iscreen1)
						this.isa192 = true;
						this.isa191 = false;
						this.isa195 = false;
						break;
					case 193:
						this.isa193 = true;
						this.istool = true
						this.isa194 = false;
						this.isarea = true
						break;
					case 194:
						this.isa194 = true;
						this.isa193 = false;
						this.istool = false
						break;
					case 195:
						this.isa195 = true;
						this.isa192 = false;
						this.isa191 = false;
						break;

					case 197:
						this.isa197 = true
						this.isarea = true
						this.isa198 = false;
						this.isa1981 = false
						break;
					case 198:
						this.isa198 = true
						this.isa197 = false
						if (path == 0) {
							this.is912kg = 0
						}
						if (path == 1) {
							this.is912kg = 1
						}
						if (path == 2) {
							this.is912kg = 2
						}
						if (path == 3) {
							this.is912kg = 3
						}
						switch (this.is912kg) {
							case 0:
								this.bUrl = this.base + "/static/image/wb/" + "19-8" + ".jpg";
								break;
							case 1:
								this.bUrl = this.base + "/static/image/wb/" + "19-8-1" + ".jpg";
								break;
							case 2:
								this.bUrl = this.base + "/static/image/wb/" + "19-8-2" + ".jpg";
								break;
							case 3:
								this.bUrl = this.base + "/static/image/wb/" + "19-8-3" + ".jpg";
								break;
						}
						break;
					case 1981:
						this.isa1981 = true
						this.isa198 = false
						break;
					case 1982:
						this.isa1981 = true
						break;
					case 199:
						this.isa199 = true
						this.isarea = true
						this.isa1910 = false
						if (this.is912btn) {
							this.bUrl = this.base + "/static/image/wb/" + "19-9-1" + ".jpg";
						} else {
							this.bUrl = this.base + "/static/image/wb/" + "19-9" + ".jpg";
						}

						break;
					case 1910:
						//1问2小 得分点
						this.isa1910 = true;
						this.isa199 = false
						if (path == 0) {
							this.is912btn = !this.is912btn
						}

						if (this.is912btn) {
							this.bUrl = this.base + "/static/image/wb/" + "19-11" + ".jpg";
						} else {
							this.bUrl = this.base + "/static/image/wb/" + "19-10" + ".jpg";
						}
						break;

					case 1912:
						this.isa1912 = true;
						this.isa1913 = false;
						this.isarea = true
						this.isa1916 = false;
						break;

					case 1913:
						this.isa1913 = true;
						this.isa1912 = false;
						this.isa1916 = false;
						break;

					case 1914:
						this.isa1914 = true;
						this.isa1915 = false;
						this.isarea = true
						this.istool = true
						break;
					case 1915:
						this.bUrl = this.base + "/static/image/wb/" + "19-4" + ".jpg";

						this.isa1915 = true;
						this.isa1914 = false;
						this.istool = false
						break;
					case 1916:
						this.isa1916 = true;
						this.isa1912 = false;
						this.isa1913 = false;
						break;
					case 1918:
						this.isa1918 = true
						this.isa1919 = false
						this.isa19191 = false
						this.isarea = true
						break;
					case 1919:
						this.isa1918 = false
						this.isa1919 = true
						this.isa19191 = false
						if (path == "0") {
							this.is922kg = true
						}
						if (this.is922kg) {
							this.bUrl = this.base + "/static/image/wb/" + "19-19-1" + ".jpg";
						} else {
							this.bUrl = this.base + "/static/image/wb/" + "19-19" + ".jpg";
						}
						break;


				}

			},

			showDialog() {
				this.showFlag = true
				this.ispr1 = true
			},
			onClickHide() {
				this.showFlag = false
			},
			showDialog2() {
				this.ispr2 = true
				this.showFlag2 = true
			},
			onClickHide2() {
				this.showFlag2 = false
			},
			drawWhiteBox(statusnum) {
				let that = this
				let warp = uni.createSelectorQuery().in(this).select('.imgview')

				warp.boundingClientRect(data => {
					console.log(that.tH)
					console.log(data)
					console.log(data.width)
					console.log(data.height)
					//有些设备取的是设备高度 data.height


					let widthBl = data.width / 1920
					let sy = uni.getSystemInfoSync()
					let heightBl = 0
					// if (data.height = sy.screenHeight) {
					// 	heightBl = (data.height - that.tH) / 921
					// } else {
					// 	heightBl = (data.height) / 921
					// }
					heightBl = (data.height - that.tH) / 921
					that.widthBl=widthBl
					that.heightBl=heightBl

					//1
					//19-1
					that.a1191left = 660 * widthBl + 'px'
					that.a1191top = 500 * heightBl + statusnum + 'px' //19-2

					//19-2
					that.a1192cleft = 1750 * widthBl + 'px'
					that.a1192ctop = 50 * heightBl + statusnum + 'px' //to19-1

					that.a1192left = 740 * widthBl + 'px'
					that.a1192top = 640 * heightBl + statusnum + 'px' //to19-5

					that.a1192tleft = 420 * widthBl + 'px'
					that.a1192ttop = 90 * heightBl + statusnum + 'px' //time

					that.a1192ileft = 1130 * widthBl + 'px'
					that.a1192itop = 96 * heightBl + statusnum + 'px' //info


					//19-5
					that.a1195cleft = 1240 * widthBl + 'px'
					that.a1195ctop = 110 * heightBl + statusnum + 'px' //c to 19-2


					that.a1195ileft = 880 * widthBl + 'px'
					that.a1195itop = 120 * heightBl + statusnum + 'px' //写信息


					//19-3
					that.a1193cleft = 700 * widthBl + 'px'
					that.a1193ctop = 550 * heightBl + statusnum + 'px' //to194

					//19-4
					that.a1194cleft = 1180 * widthBl + 'px'
					that.a1194ctop = 200 * heightBl + statusnum + 'px' //to193

					that.a1194bleft = 1000 * widthBl + 'px'
					that.a1194btop = 400 * heightBl + statusnum + 'px'
					that.a1194bw = 40 * widthBl + 'px'
					that.a1194bh = 40 * heightBl + 'px'


					that.a1194rleft = 980 * widthBl + 'px' //		980
					that.a1194rtop = 365 * heightBl + statusnum + 'px' //		445
					that.a1194rw = 20 * widthBl + 'px' //	w 20
					that.a1194rh = 20 * heightBl + 'px' //	h 20

					///1111-222
					//19-7
					that.a1197left = 865 * widthBl + 'px'
					that.a1197top = 360 * heightBl + statusnum + 'px' //to198
					
					//2排烟用一下
				that.	a2197left= 645 * widthBl + 'px'//
					that.a2197top = 640 * heightBl + statusnum + 'px' //

					//198

					that.a1198cleft = 1200 * widthBl + 'px'
					that.a1198ctop = 150 * heightBl + statusnum + 'px' //to197

					that.a1197bleft = 905 * widthBl + 'px'
					that.a1197btop = 620 * heightBl + statusnum + 'px'
					that.a1197bw = 60 * widthBl + 'px'
					that.a1197bh = 60 * heightBl + 'px' //1981

					//1981
					that.a11981bleft = 905 * widthBl + 'px'
					that.a11981btop = 620 * heightBl + statusnum + 'px'
					that.a11981bw = 60 * widthBl + 'px'
					that.a11981bh = 60 * heightBl + 'px' //198

					that.a11981b2left = 985 * widthBl + 'px'
					that.a11981b2top = 460 * heightBl + statusnum + 'px'
					that.a11981b2w = 68 * widthBl + 'px'
					that.a11981b2h = 68 * heightBl + 'px' //19-8-2


					//222222222222 ------1
					//19-9
					that.a1199left = 1320 * widthBl + 'px'
					that.a1199top = 270 * heightBl + statusnum + 'px' //to1910

					//19-10
					that.a11910cleft = 1150 * widthBl + 'px'
					that.a11910ctop = 80 * heightBl + statusnum + 'px' //to199

					that.a11910bleft = 890 * widthBl + 'px'
					that.a11910btop = 160 * heightBl + statusnum + 'px'
					that.a11910bw = 150 * widthBl + 'px' //to1911
					that.a11910bh = 150 * heightBl + 'px'
					//1911
					that.a11911bleft = 890 * widthBl + 'px'
					that.a11911btop = 160 * heightBl + statusnum + 'px'
					that.a11911bw = 150 * widthBl + 'px' //to1910
					that.a11911bh = 150 * heightBl + 'px'

					///22222222222-2

					//19-12
					that.a11912left = 660 * widthBl + 'px'
					that.a11912top = 500 * heightBl + statusnum + 'px' //to1913

					//1913
					that.a11913cleft = 1750 * widthBl + 'px'
					that.a11913ctop = 50 * heightBl + statusnum + 'px' //cto 1912

					that.a11913left = 750 * widthBl + 'px'
					that.a11913top = 640 * heightBl + statusnum + 'px' //to19-16


					that.a11913il = 1130 * widthBl + 'px' //info
					that.a11913it = 96 * heightBl + statusnum + 'px'




					//19-16
					that.a11916cleft = 1230 * widthBl + 'px'
					that.a11916ctop = 100 * heightBl + statusnum + 'px' //c to 19-13

					that.a11916ileft = 860 * widthBl + 'px'
					that.a11916itop = 150 * heightBl + statusnum + 'px' //info

					//19-14
					that.a11914left = 700 * widthBl + 'px'
					that.a11914top = 560 * heightBl + statusnum + 'px' //to 1915

					//19-15
					that.a11915cleft = 1180 * widthBl + 'px'
					that.a11915ctop = 210 * heightBl + statusnum + 'px' //c to 1914

					that.a11915bleft = 995 * widthBl + 'px'
					that.a11915btop = 400 * heightBl + statusnum + 'px'
					that.a11915bw = 40 * widthBl + 'px'
					that.a11915bh = 40 * heightBl + 'px' //声音



					//19-18

					that.a11918left = 450 * widthBl + 'px'
					that.a11918top = 700 * heightBl + statusnum + 'px' //to19-19


					//19-19
					that.a11919cleft = 1090 * widthBl + 'px'
					that.a11919ctop = 280 * heightBl + statusnum + 'px' //c to 19-18


					that.a11919bleft = 920 * widthBl + 'px'
					that.a11919btop = 340 * heightBl + statusnum + 'px'
					that.a11919bw = 160 * widthBl + 'px'
					that.a11919bh = 130 * heightBl + 'px' //19-19-1

					//19-19-1 

					that.a119191bleft = 920 * widthBl + 'px'
					that.a119191btop = 340 * heightBl + statusnum + 'px'
					that.a119191w = 160 * widthBl + 'px'
					that.a119191h = 130 * heightBl + 'px' //19-19 


					//f2
					that.f2left = 1130 * widthBl + 'px'
					that.f2top = 471 * heightBl + statusnum + 'px'
					that.f2w = 82 * widthBl + 'px'
					that.f2h = 45 * heightBl + 'px'

					//f6
					that.f6left = 1517 * widthBl + 'px'
					that.f6top = 471 * heightBl + statusnum + 'px'
					that.f6w = 82 * widthBl + 'px'
					that.f6h = 45 * heightBl + 'px'

					//标题
					that.stw = 479 * widthBl + 'px'
					that.sth = 28 * heightBl + 'px'
					//中间两部分间隔
					that.sleft = 10 * widthBl + 'px'
					//内容
					that.siw = 340 * widthBl + 'px'
					that.sih = 200 * heightBl + 'px'
					//右边信息
					that.sbw = 146 * widthBl + 'px'
					that.sbh = 77 * heightBl + 'px'
					//右边时间
					that.srtw = 138 * widthBl + 'px'
					that.srth = 30 * heightBl + 'px'
					that.srtt = 90 * heightBl + 'px'
					//底部信息
					that.sitt = 0 * heightBl + 'px'
					that.s5w = 495 * widthBl + 'px'
					that.s5h = 25 * heightBl + 'px'



					//19-21-1
					that.btn1l = 674 * widthBl + 'px'
					that.btn1t = 233 * heightBl + statusnum + 'px'

					that.btn2l = 884 * widthBl + 'px'
					that.btn2t = 233 * heightBl + statusnum + 'px'

					that.btn3l = 1090 * widthBl + 'px'
					that.btn3t = 233 * heightBl + statusnum + 'px'

					that.btn4l = 674 * widthBl + 'px'
					that.btn4t = 480 * heightBl + statusnum + 'px'

					that.btn5l = 884 * widthBl + 'px'
					that.btn5t = 480 * heightBl + statusnum + 'px'

					that.btn6l = 1090 * widthBl + 'px'
					that.btn6t = 480 * heightBl + statusnum + 'px'
					
					
					that.btn7l = 674 * widthBl + 'px'
					that.btn7t = 725 * heightBl + statusnum + 'px'
					
					that.btn8l = 884 * widthBl + 'px'
					that.btn8t = 725 * heightBl + statusnum + 'px'
					
					that.btn9l = 1090 * widthBl + 'px'
					that.btn9t = 725 * heightBl + statusnum + 'px'
					
					 
				 
					
				 

					that.btn1921w = 50 * widthBl + 'px'
					that.btn1921h = 50 * heightBl + 'px'


					//19-19
					that.a1919l = 1032 * widthBl + 'px'
					that.a1919t = 500 * heightBl + statusnum + 'px'
					that.a1919w = 95 * widthBl + 'px'
					that.a1919h = 70 * heightBl + 'px'
					that.a1919cl = 1300 * widthBl + 'px'
					that.a1919ct = 170 * heightBl + statusnum + 'px'


					//19-18
					that.a1918bl = 440 * widthBl + 'px'
					that.a1918bt = 688 * heightBl + statusnum + 'px'
					that.a1918bw = 60 * widthBl + 'px'
					that.a1918bh = 64 * heightBl + 'px'


					//屏图标宽高
					that.sciconw = 20 * widthBl + 'px'
					that.sciconh = 20 * heightBl + 'px'


					//自动方式
					that.aiconl = 430 * widthBl + 'px'
					that.aicont = 353 * heightBl + statusnum + 'px'

					//手动方式
					that.miconl = 430 * widthBl + 'px'
					that.micont = 390 * heightBl + statusnum + 'px'

					//火警
					that.ficonl = 649 * widthBl + 'px'
					that.ficont = 137 * heightBl + statusnum + 'px'


					//启动
					that.siconl = 824 * widthBl + 'px'
					that.sicont = 139 * heightBl + statusnum + 'px'

					//反馈
					that.iiconl = 824 * widthBl + 'px'
					that.iicont = 289 * heightBl + statusnum + 'px'

				}).exec()

				// uni.getSystemInfo({
				// 	success: function(res) {
				// 		console.log(res)
				// 		

				// 	}
				// });
			}
		}
	}
</script>


<style scoped lang="scss">
	.bord {
		border: 1rpx solid red;
	}

	.explaincss {
		padding: 20rpx;
		width: 300rpx;

		border-radius: 20rpx;
		border: 1rpx solid #000;
		background-color: #fff;
		color: #000;
		position: fixed;
		top: 50rpx;
		left: 225rpx;
		z-index: 5000;
	}

	.tasklfex {
		display: flex;
		justify-content: space-between;
	}

	.stepbs {
		text-align: right;
	 
	}

	.rem7 {
		font-size: 0.4rem;
	}

	.flexcol {
		display: flex;
		flex-direction: column;
	}

	.flexrow {
		display: flex;
	}

	.rtext {
		color: red;
	}

	.ds {
		color: #DA2627;
		font-family: DS-Digital;
		font-size: 20px;
	}

	.warp {
		height: 100%;
		box-sizing: border-box;
		// padding: 22rpx 33rpx 38rpx 36rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: #F6F6F6;

		.w100 {
			width: 100%;
			height: 100%;
		}

		.openiv {
			position: fixed;
		}

		.redbg1 {
			background-color: #DA2627;
			border-radius: 10rpx;
		}

		.openi {
			width: 20px;
			height: 20px;
		}

		.answerview {
			position: fixed;
			bottom: 55rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}

		.answerview1 {
			position: fixed;
			top: 155rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}

		.ytitle {
			background-color: #ffb700;
			line-height: 26rpx;
		}


		.ritem {
			line-height: 20rpx;
		}


		.imgview {
			position: relative;
			width: 100%;

		}

		.aimg {
			width: 60rpx;
			height: 35rpx;
		}

		.areas {
			// background-color: rgba(255, 165, 0, 0.2);
			margin-bottom:10px;
			.areasTit{
				background: orange;
			}
			color: #000;
		}

		.sitem {
			border: 2rpx solid red;
		}

		.areaitem {
			background: #fff;

			display: flex;
			align-items: center;
			justify-content: flex-start;
		}


		.toolimg {
			width: 30rpx;
			height: 30rpx;
		}

		.toolbtn {
			padding: 5rpx 10rpx;
			background: #ffb700;
			border-radius: 5rpx;
			text-align: center;
			width: 50px;
			margin: auto;
		}

		.toolbox {
			position: fixed;
			right: 200rpx;
			top: 80rpx;
			font-size: 12rpx;
			color: #000;
			background: #fff;
			width:92rpx;
			z-index: 10000;
		}

		.toolbox1 {
			position: fixed;
			right: 40rpx;
			top: 80rpx;
			font-size: 12rpx;
			color: #000;
			background: #fff;
			width: 92rpx;
			z-index: 10000;
		}

		.toolitems {
			display: flex;
			flex-wrap: wrap;
			width: 92rpx;
			justify-content: space-between;
		}

		.toolitem {
			display: flex;
			flex-direction: column;
			width: 30rpx;
			justify-content: space-between;
		}

		
		.tc1 {
			text-align: center;
			font-size: 10px;
			background: orange;
			color: #fff; 
		}
		.tc {
			display: flex;
			align-items: center;
			
			text-align: center;
			font-size: 8px;
			justify-content: center;
			align-content: center; 
		}
.taskTit {
					height: 21px;line-height: 21px;width: 100%;text-align: left;background: #fff;color: #000;font-size: 15px
				}
		.myCard {
			width: 100%;
			// height:100%;
			position: relative;
			// border-radius: 20rpx;
			//overflow: hidden;
			z-index: 1;

			.cardContent {
				// padding: 52rpx 58rpx 37rpx;
				box-sizing: border-box;
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				color: #fff;

				.moneyContent {
					margin-top: 54rpx;
					width: 100%;
					display: flex;
					align-items: center;

					.moneyDetail {
						width: 50%;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: flex-start;

						.detailTit {
							font-size: 24rpx;
							font-weight: 400;
						}

						.detailVal {
							font-size: 55rpx;
							font-weight: bold;
							margin-top: 35rpx;
						}
					}

				}

				

				.handleBtn {
					position: fixed;
					left: 30px;
					bottom: 0px;
				}

				.btnA {
					display: flex;
					flex-direction: column;
					position: fixed;
					right: 30px;
					bottom: 0px;
					align-items: flex-end;
				}

				.btnArea {
					//margin-top: 160rpx;
					//margin-left: 150rpx;
					display: flex;
					justify-content: center;
					//	position: fixed;
					//	right: 30px;
					//	bottom: 30px // text-align: center;
				}
			}
		}

		.infoBox {
			width: 100%;
			padding: 14rpx 30rpx;
			margin-top: 33rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background: #fff;

			.singleInfo {
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ccc;

				.info {
					flex: 1;

					.desc {
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}

					.time {
						margin-top: 15rpx;
						font-size: 18rpx;
						font-weight: 400;
						color: #888888;
						display: flex;
						align-items: center;
					}
				}

				.val {
					width: 115rpx;
					height: 40rpx;
					border: 1rpx solid #DA2627;
					border-radius: 40rpx;
					text-align: center;
					font-size: 22rpx;
					font-weight: 400;
					color: #DA2627;
					line-height: 40rpx;
				}
			}
		}

		.writeBox {
			border: none;
			width: 0;
			height: 0;
			position: fixed
		}
	}
</style>